<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_LianXiWoMen_0',
'ontac_1',
'ZY_LianXiWoMen_2',
'ZY_LianXiWoMen_3',
'ontac_4',
'ZY_XiangTanTianShiLiQing_5',
'ZY_XiangTanTianShiLiQing_6',
'ZY_DianHua_7',
'ZY_DiZhiXiangTanShi_8',
'ZY_LianXiWoMen_9',
'ZY_WangZhanShouYe_10',
'ZY_LianXiWoMen_11',
'img_Zod_412',
'ZY_XiangTanTianShiLiQing_13',
'ZY_XiangTanJiaoFaTianShi_14',
'ZY_DiZhiXiangTanShi_15',
'ZY_DianHua_16',
'ZY_17_17'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/jiaofatianshi/pc/css/common.css"> 
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.carousel-img{ width: 100%; height: 100%; } .el-carousel__arrow{ border-radius: 0; width: 42px; height: 42px; } .el-carousel__arrow i{ font-size: 22px; } .box{ margin: 60px 0; } .article-content{ font-size: 14px; margin-top: 12px; line-height: 24px; text-align: justify; } .business-license-wrap{ margin: 60px 0 0; text-align: center; } .business-license{ display: inline-block; width: 370px; box-shadow: 0 0 8px rgb(9 9 9 / 20%); margin: 0 20px; } .business-license:nth-child(1){ width: 380px; } .list-item{ width: 31.5%; box-shadow: 0 0 8px rgb(9 9 9 / 20%); margin-bottom: 15px; } .list-item img{ width: 100%; height: 180px; } .list-item .title{ text-align: center; padding: 12px 10px ; color: #2574B9; font-size: 16px; } .list-item .desc{ text-align: center; padding: 0 10px 10px ; font-size: 14px; line-height: 22px; } .map{ width: 100%; border: 2px solid #2574B9; } .text-right{ text-align: right; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <div id="app"> 
   <jsp:include page="_top.jsp"></jsp:include> 
   <el-carousel indicator-position="none" height="320px"> 
    <el-carousel-item v-for="item in 4" :key="item"> 
     <div style="background: url(http://hwfile.jyymatrix.cc/jiaofatianshi/pc/images/banner.png) no-repeat;background-position: center 35%;background-size: 100% 700px;" class="carousel-img"></div>
    </el-carousel-item> 
   </el-carousel> 
   <div class="box"> 
    <div class="container flex"> 
     <div class="left"> 
      <div class="menu-wrap"> 
       <div class="menu-header"> 
        <h2 class="menu-title zy" data-type="ad" data-id="${ZY_LianXiWoMen_0.adId}">${ZY_LianXiWoMen_0.adTitle}</h2> 
        <h2 class="menu-sub-title zy" data-type="ad" data-id="${ontac_1.adId}">${ontac_1.adTitle}</h2> 
       </div> 
       <div class="menu-list"> 
        <p class="menu-item active zy" data-type="ad" data-id="${ZY_LianXiWoMen_2.adId}">${ZY_LianXiWoMen_2.adTitle}</p> 
       </div> 
      </div> 
      <div class="menu-wrap"> 
       <div class="menu-header"> 
        <h2 class="menu-title zy" data-type="ad" data-id="${ZY_LianXiWoMen_3.adId}">${ZY_LianXiWoMen_3.adTitle}</h2> 
        <h2 class="menu-sub-title zy" data-type="ad" data-id="${ontac_4.adId}">${ontac_4.adTitle}</h2> 
       </div> 
       <div class="menu-content"> 
        <p class="name zy" data-type="ad" data-id="${ZY_XiangTanTianShiLiQing_5.adId}">${ZY_XiangTanTianShiLiQing_5.adTitle}</p> 
        <p class="name zy" data-type="ad" data-id="${ZY_XiangTanTianShiLiQing_6.adId}">${ZY_XiangTanTianShiLiQing_6.adTitle}</p> 
        <div class="mt-20"> 
         <p class="zy" data-type="ad" data-id="${ZY_DianHua_7.adId}">${ZY_DianHua_7.adTitle}</p> 
         <p class="zy" data-type="ad" data-id="${ZY_DiZhiXiangTanShi_8.adId}">${ZY_DiZhiXiangTanShi_8.adTitle}</p> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="right flex-1"> 
      <div class="breadcrumb-wrap flex space-between align-center"> 
       <h2 class="name zy" data-type="ad" data-id="${ZY_LianXiWoMen_9.adId}">${ZY_LianXiWoMen_9.adTitle}</h2> 
       <div> 
        <a href="${ZY_WangZhanShouYe_10.adUrl}" class="zy" data-type="ad" data-id="${ZY_WangZhanShouYe_10.adId}">${ZY_WangZhanShouYe_10.adTitle}</a> <span>></span>
        <a href="${path}/do/redirect/pc/contactUs" class="zy" data-type="ad" data-id="${ZY_LianXiWoMen_11.adId}">${ZY_LianXiWoMen_11.adTitle}</a>
       </div> 
      </div> 
      <div> 
       <img src="${img_Zod_412.adImg}" class="map zy" data-type="ad" data-id="${img_Zod_412.adId}"> 
       <div class="flex space-between font-16 mt-20"> 
        <div> 
         <p class="zy" data-type="ad" data-id="${ZY_XiangTanTianShiLiQing_13.adId}">${ZY_XiangTanTianShiLiQing_13.adTitle}</p> 
         <p class="mt-5 zy" data-type="ad" data-id="${ZY_XiangTanJiaoFaTianShi_14.adId}">${ZY_XiangTanJiaoFaTianShi_14.adTitle}</p> 
        </div> 
        <div class="zy" data-type="ad" data-id="${ZY_DiZhiXiangTanShi_15.adId}">
         ${ZY_DiZhiXiangTanShi_15.adTitle}
        </div> 
        <div class="text-right"> 
         <p class="zy" data-type="ad" data-id="${ZY_DianHua_16.adId}">${ZY_DianHua_16.adTitle}</p> 
         <p class="mt-5 zy" data-type="ad" data-id="${ZY_17_17.adId}">${ZY_17_17.adTitle}</p> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
   <jsp:include page="_footer.jsp"></jsp:include> 
  </div>  
  <script src="http://hwfile.jyymatrix.cc/jiaofatianshi/pc/js/vue.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/jiaofatianshi/pc/js/index.js"></script> 
  <script>
        new Vue({
            el: '#app',
            data: function() {
                return { 
                    
                }
            },
            mounted(){
                var itemEls = document.getElementsByClassName('nav-item-hover');
                for(var i= 0; i < itemEls.length;i++){
                    itemEls[i].onmouseover = function(){
                        var els = this.getElementsByClassName('nav-layout');
                        if(els.length) {
                            els[0].style.display = 'block'
                        };
                    }
                    itemEls[i].onmouseout = function(){
                        var els = this.getElementsByClassName('nav-layout');
                        if(els.length) {
                            els[0].style.display = 'none'
                        };
                    }
                }
            }
        })
    </script> 
 </body>
</html>